<template>
    <div id="creat">
         <header-lg bigTitle="CET-4" noteTitle="四级单词记忆管理"></header-lg>
        <div class="text-text padding-md">
          <p class="text-size-md">Hi,</p>
          <p class="text-indent">
            亲爱的你,距离大学英语四级(COL-
            LEGE ENGLISH TEST 4/6)还有 356 天 ,根据考试大纲要求,你需要记忆 3441 个单词和 360 个短语。你每天需 要记忆 12 个单词。让我帮你规划的记 忆管理。
          </p>
          <p>当然你不会感觉到枯燥,养成式记忆
            办法,规划了单词的遗忘曲线,同时,
            你可以邀请更多的小伙伴一起参与,或
            加入更多社区。有趣的单词接龙,俚语
            猜猜看,作文漂流瓶,更多的活动游戏
            美哒哒的学英语吧。
          </p>
          <p class="text-align-right" >小破孩</p>
        </div>
      <div class="button-group">
        <!--<div>-->
          <countdown bigTitle="360 DAY" ></countdown>
          <nav-btn @click.native='go([$router,"/CreatSelect"])' text="创建计划" position="fixed" backgroundName="orange"></nav-btn>
        <!--</div>-->
      </div>
    </div>
</template>

<script>
  import { mapMutations} from 'vuex'
   import headerLg from '../components/header-lg.vue'
   import countdown from '../components/countdown.vue'
   import navBtn from '../components/nav-btn.vue'
    export default{
       name:'creat',//主要用来找错
       components:{headerLg,countdown,navBtn},
       methods:{
         ...mapMutations([
          "go"
         ]),
         toCreatSelect:function(){
           this.$router.push({path:'/CreatSelect'})
         }

       }
    }
</script>

<style lang="less" scoped>
@import '../assets/css/variables.less';
/*#creat{*/
  /*background:@orange;*/
/*}*/
.text-text{
  font-size:80%;
  height:260px;
  overflow-y: scroll;
}
  p{margin-bottom:10px;line-height:1.5em;}
  .button-group{
    width:100%;
    margin: 0 auto;
    position: fixed;
    /*bottom:10px;*/
    text-align: center;
  }
</style>
